<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>addAddress</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="css/mui.min.css" rel="stylesheet" />
    <style type="text/css">
        p {
            margin: 0;
            padding: 0;
        }
        
        body,
        input,
        select,
        textarea {
            font-size: 14px;
        }
        
        .mui-title {
            text-align: left;
        }
        
        .mui-input-row {
            clear: none;
        }
        
        .mui-input-row label {
            width: 25%;
        }
        
        .mui-input-row label~input,
        .mui-input-row label~select,
        .mui-input-row label~textarea {
            width: 75%;
        }
        
        .mui-input-row .mui-input-row label {
            width: 100%;
        }
        
        .mui-checkbox.mui-left input[type=checkbox],
        .mui-radio.mui-left input[type=radio] {
            left: 0;
        }
        
        .mui-checkbox.mui-left label,
        .mui-radio.mui-left label {
            padding-left: 40px;
            padding-right: 33px;
        }
        
        .mui-content p {
            height: 40px;
            line-height: 40px;
            padding-left: 15px;
            font-size: 14px;
            background-color: #EFEFF4;
        }
        
        .pr0 label {
            padding: 11px 0 11px 15px;
            width: 36%;
        }
        
        .pr0.mui-input-row label~input,
        .mui-input-row label~select,
        .mui-input-row label~textarea {
            width: 64%;
        }
    </style>
</head>

<body>
    <header class="mui-bar mui-bar-nav">
        <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">登录</h1>
    </header>
    <div class="mui-content" id="formContent">
        <form class="mui-input-group" id="commonForm" v-if="!status">
            <div class="mui-input-row">
                <label>用户名:</label>
                <input type="text" class="mui-input-clear" name="uname" placeholder="请输入用户名">
            </div>
            <div class="mui-input-row">
                <label>密码:</label>

                <input type="number" class="mui-input" name="upass" placeholder="请输入用户密码">
            </div>
        </form>
        <div class="mui-content-padded">
            <button class="mui-btn mui-btn-block mui-btn-primary">立即登录</button>
        </div>
    </div>
</body>
<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
<script src="js/mui.min.js"></script>
<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
<script src="js/commonVue.js" type="text/javascript" charset="utf-8"></script>

</html>